<script setup>
defineProps({
  additionalClasses: {
    type: String,
    default: ''
  },
  textContent: {
    type: String,
    default: 'Start developing with an open-source library of over 600+ UI components, sections, and pages built with the utility classes from Tailwind CSS and designed in Figma.'
  }
})
</script>

<template>
  <!-- 使用props中的additionalClasses和textContent -->
  <p :class="['mb-10 text-lg font-normal text-gray-500 dark:text-gray-400 lg:text-center lg:text-xl xl:px-60', additionalClasses]">{{ textContent }}</p>
</template>